<script setup lang="ts">
// import { useUserStore } from "@/stores/store";
import User from "./user/index.vue";
import Permission from "./permission/index.vue";
import Tag from "./tag/index.vue";

import Role from "./role/index.vue";
import { NTabs, NTabPane } from "naive-ui";
</script>

<template>
    <div class="page">
        <n-tabs type="line" animated>
            <n-tab-pane name="permission" tab="权限">
                <Permission></Permission>
            </n-tab-pane>
            <n-tab-pane name="role" tab="角色">
                <Role></Role>
            </n-tab-pane>
            <n-tab-pane name="user" tab="用户">
                <User></User>
            </n-tab-pane>
            <n-tab-pane name="tag" tab="标签">
                <Tag></Tag>
            </n-tab-pane>
        </n-tabs>
    </div>
</template>

<style lang="less" scoped>
@import url("./index.less");
</style>
